﻿body {
}
#ludo
{   float:inherit;
    margin-left: auto;
	margin-right: auto;
    margin:20px;
    background-color:#ffffff;
 
}
#ludo tbody tr td {
   
	padding: 15px;
	border: 1px solid black;
     
    
    
}

.collapse  
{
	visibility:collapse;
	
}

.RedHome
{
	background-color: red;
	color:red;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.YellowHome
{	
	background-color: yellow;
	color:yellow;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.BlueHome
{
	background-color: blue;
	color:blue;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.GreenHome
{	
	background-color: green;
	color:green;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.YellowEndRoute
{	
	background-color: yellow;
	color:yellow;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}
.RedEndRoute
{	
	background-color: red;
	color:red;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.BlueEndRoute
{	
	background-color: blue;
	color:blue;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}
.GreenEndRoute
{	
	background-color: green;
	color:green;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	

}

.GameRoute
{	
	background-color: white;
	color:white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.RedBegin
{
    background-color:red;
    color:red;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.YellowBegin
{
    background-color:yellow;
    color:yellow;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.GreenBegin
{
    background-color:green;
    color:green;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.BlueBegin
{
    background-color:blue;
    color:blue;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#endpieces
{
    text-align: center;
    margin-left: 90%;
    
    margin-bottom: auto;
    margin-top: auto;
}

#endpieces td
{
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
}

.Endgreen
{
    color: white;
    background-color:green;
}

.Endblue
{
    color:white;
    background-color:blue;
}

.Endyellow
{
    background-color:yellow;
}

.Endred
{
    color: white;
    background-color:red;
}

/***********************************************/

.ludoGameBoard
{
   -webkit-box-shadow: 0 0 20px rgba(0,0,0, .65);
   -moz-box-shadow: 0 0 20px rgba(0,0,0, .65);
   box-shadow: 0 0 20px rgba(0,0,0, .45);
   padding:10px;
   width:490px;
   float:left;
   margin-left:auto;
   margin-right:auto;
   background-color:#ffffff;
   background:white;
   margin:30px;
}

#ludoStatusBoard
{
   float: left;
   margin-left: 40px;
   width: 200px;
   background-color:#ffffff;

}

#endpieces
{
   float: right;
   
   width: 260px;
   margin-top:-20%;
   margin-right:10%;
   text-align:center;

}
#dieroll
{
   font-size: 30px;
   padding-top: 40px;
   padding-left: 20px;

}

#dieResult
{   text-align:center;
    padding-top: 20px;
  
}

.player
{
    
    font-size: 16px;
}

#commentBox
{  
   overflow: auto;
   width: 350px;
   height: 70px;
   margin-top:-0%;
   margin-right:10%;
  
}


#listOfPlayers
{
   
}
#commentInterface
{
   float: left;
  
   width: 250px;
   height: 100px;
  
}

#commentText
{
   width: 200px;
   height: 30px;
   
   overflow: auto;
   
}

#replyBox
{
   
}
.aComment
{
   
}

/************ Pawn *************************************/
.pawn0 { 
	background-image: url("../Content/Player0Piece.png"); 
	color: #fff; 
	background-repeat: no-repeat;
	background-size: 30px 17px;
	background-position: center;


}

.pawn1 { 
	background-image: url("../Content/Player1Piece.png"); 
	color: #fff; 
	background-repeat: no-repeat;
	background-size: 30px 17px;
	background-position: center;

}

.pawn2 { 
	background-image: url("../Content/Player2Piece.png"); 
	color: #fff; 
	background-repeat: no-repeat;
	background-size: 30px 17px;
	background-position: center;

}

.pawn3 { 
	background-image: url("../Content/Player3Piece.png"); 
	color: #fff; 
	background-repeat: no-repeat;
	background-size: 30px 17px;
	background-position: center;

}

/************ Pawn *************************************/

.ludoMain
{
    background: #ffffff;
}